<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <!-- Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minxmum-scale=1.0, user-scalable=no, minimal-ui">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>东湖绿道</title>
    <link rel="stylesheet" href="<?=HW_STA?>weixin/css/weuix.min.css"/>
    <link rel="stylesheet" type="text/css" href="<?=HW_STA?>weixin/css/style.css">
	<link rel="stylesheet" href="<?=HW_CSS?>AppFont/iconfont.css">
	<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/0.4.0/weui.min.css">
	<style>
		.rank_record{
			padding: .64rem;
			font-size: 1rem;
		}
	</style>
</head>
<body class='record'>
	<div class="record__header">
		<a class="left" href='<?=base_url().'Weixin/Index/index'?>'>
			<i class="iconfont">&#xe81f;</i>
	</a>
		<div class="center">我的记录</div>
	</div>
	<div class="record-tab">
		<a class="record-tab__item <?=$type==1?'active':''?>" href="<?=base_url().'Weixin/Index/record/1'?>">日</a>
		<a class="record-tab__item <?=$type==2?'active':''?>" href='<?=base_url().'Weixin/Index/record/2'?>'>周</a>
		<a class="record-tab__item <?=$type==3?'active':''?>" href='<?=base_url().'Weixin/Index/record/3'?>'>月</a>
	</div>
	<div class="record-content">
		<div class="record-content__header grey"><?=$type==1?date('m月'):($type==2?'过去12周':'过去6个月')?></div>
		<?foreach($record as $k=>$v):?>
		<div class="record-content__item">
			<div class="record-content__item-left">
				<i class="iconfont grey">&#xe820;</i>
				<div class="record-content__item-step">
					<span class='grey'> <span class="step"><?=$v['step']?></span>&nbsp;步 </span>
					<small class="time grey"><?=$v['time_detail']?></small>
				</div>
			</div>
			<div class="record-content__item-right">
				<span class="<?=$v['sort']==1?'gold':($v['sort']==2?'silver':($v['sort']==3?'bronze':'green'))?> rank_record"><?=$v['sort']?></span>
				<?if($v['sort']<=3):?>
				<img src="<?=HW_IMG?><?=$v['sort']==1?'gold':($v['sort']==2?'silver':'bronze')?>.png" alt="" class="medal">
				<?else:?>
				<i class="iconfont grey">&nbsp;&#xe822;</i>
				<?endif;?>
			</div>
		</div>
		<?endforeach;?>
	</div>
<!-- 	<div class="record-content">
		<div class="record-content__header grey">7月</div>
		<div class="record-content__item">
			<div class="record-content__item-left">
				<i class="iconfont grey">&#xe820;</i>
				<div class="record-content__item-step">
					<span class='grey'> <span class="step">1588</span>&nbsp;步 </span>
					<small class="time grey">2017.05.02</small>
				</div>
			</div>
			<div class="record-content__item-right">
				<span class="green rank">2</span>
				<i class="iconfont grey">&nbsp;&#xe822;</i>
			</div>
		</div>
		<div class="record-content__item">
			<div class="record-content__item-left">
				<i class="iconfont grey">&#xe820;</i>
				<div class="record-content__item-step">
					<span class='grey'> <span class="step">1588</span>&nbsp;步 </span>
					<small class="time grey">2017.05.02</small>
				</div>
			</div>
			<div class="record-content__item-right">
				<span class="gold rank">1</span>
				<img src="<?=HW_IMG?>gold.png" alt="" class="medal">
			</div>
		</div>
	</div> -->
</body>
<script type="text/javascript" src="<?=HW_JS?>jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="<?=HW_STA?>weui/weui.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="<?=HW_JS?>rem.js"></script>
<script>
	$("body").on("click", ".record-tab__item", function(){
		$(".record-tab__item").removeClass('active');
		$(this).addClass('active')
	})
</script>
</html>

